<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="referrer" content="no-referrer">
    <title>Document</title>
    <link rel="stylesheet" href="../css/index.css">
</head>
<body>
    <!-- 导航栏 -->
    <div class="nav"> 
        <a href="./index.html" class="log"></a>
        <a href="./list.html"><div class="d1">全部商品</div></a>
        <ul class="ul1">
            <li data-index="0" class="active">洗烘一体机</li>
            <li data-index="1">滚筒洗衣机</li>
            <li data-index="2">波轮洗衣机</li>
            <li data-index="3">干衣机</li>
            <li data-index="4">比佛利</li>
        </ul>
            <ol class="ol1" id="ol1">
                <li><div class="xuan"><img src="https://dsdcp.smartmidea.net/mcsp/prod/20210422/1619028192726.jpg?x-oss-process=image/resize,w_120,limit_0/quality,Q_70" alt=""></div><p class="p1">水魔方护形护色</p></li>
                <li><div class="xuan"><img src="https://dsdcp.smartmidea.net/mcsp/prod/20210422/1619035073867.jpg?x-oss-process=image/resize,w_120,limit_0/quality,Q_70" alt=""></div><p class="p1">健康除螨洗</p></li>
                <li><div class="xuan"><img src="https://dsdcp.smartmidea.net/mcsp/prod/20210422/1619028990776.jpg?x-oss-process=image/resize,w_120,limit_0/quality,Q_70" alt=""></div><p class="p1">水魔方护色护形</p></li>
                <li><div class="xuan"><img src="https://dsdcp.smartmidea.net/mcsp/prod/20210425/5c9ee29d824840298340dea01dcc89a0.jpg?x-oss-process=image/resize,w_120,limit_0/quality,Q_70" alt=""></div><p class="p1">超微净泡水魔方</p></li>
                <li><div class="xuan"><img src="https://dsdcp.smartmidea.net/mcsp/prod/20210422/1619035233220.jpg?x-oss-process=image/resize,w_120,limit_0/quality,Q_70" alt=""></div><p class="p1">纳米银离子</p></li>
                <li><div class="xuan"><img src="https://dsdcp.smartmidea.net/mcsp/prod/20210422/1619031711828.jpg?x-oss-process=image/resize,w_120,limit_0/quality,Q_70" alt=""></div><p class="p1">纳米银离子除菌</p></li>
            </ol>
            <ol class="ol1" id="ol2"> </ol>
            <ol class="ol1" id="ol3"></ol>
            <ol class="ol1" id="ol4"></ol>
            <ol class="ol1" id="ol5"></ol>
        <div class="search"><input type="text" placeholder="人气热销"><i class="common_ls_search "></i>
            <ul class="ul3">
                <li>1</li>
                <li>2</li>
                <li>3</li>
                <li>4</li>
                <li>5</li>
                <li>6</li>
                <li>7</li>
                <li>8</li>
                <li>9</li>
                <li>10</li>
              </ul></div>
        <div class="icon_wrap">
            <a href="./login.html">
            <i class="common_ls_user opt_user_hover">
                <ul class="ul2 ">
                    <li>我的订单</li>
                    <li>我的优惠券</li>
                    <li>账户设置</li>
                </ul>
            </i>
        </a>
        <a href="./cart.html"><i class="common_ls_cart"></i>
            <div class="denglu">
            <span>请立即<a style="color: skyblue;" href="./login.html">登录,</a>查看购物车商品</span></div></a>
            
        </div>
        <p class="car_num">0</p>
    </div>
    
    <!-- 轮播图 -->
    <div class="banner" id="banner">
        <ul class="imgBox">
            <li class="active" ><img src="https://pic.mdcdn.cn/h5/pic/202108/ad2f5303793c.jpg@100Q.jpg" alt=""></li>
            <li ><img src="https://pic.mdcdn.cn/h5/pic/202012/6289b504787d.jpg@100Q.jpg" alt=""></li>
            <li ><img src="https://pic.mdcdn.cn/h5/pic/202101/661252f4fc7c.jpg@100Q.jpg" alt=""></li>
            <li ><img src="https://pic.mdcdn.cn/h5/pic/202103/b32c93b5726d.jpg@100Q.jpg" alt=""></li>
            <li><img src="https://pic.mdcdn.cn/h5/pic/202105/7906ebe0749b.jpg@100Q.jpg" alt=""></li>
            <li><img src="https://pic.mdcdn.cn/h5/pic/202012/12ac5cee561d.jpg@100Q.jpg" alt=""></li>
        </ul>
        <ol class="pointBox"></ol>
    </div>
    <ul class="ul4">
        <li>
            <img src="https://pic.littleswan.com/h5/pic/202008/fb6624973805.jpg?x-oss-process=image/format,webp/quality,Q_90&" alt="">
        </li>
        <li>
            <img src="https://pic.littleswan.com/h5/pic/201907/5d3ff6a550993.jpg?x-oss-process=image/format,webp/quality,Q_90&" alt=""></li>
        <li>
            <img src="https://pic.littleswan.com/h5/pic/202008/5bfb2f023cac.jpg?x-oss-process=image/format,webp/quality,Q_90&" alt=""></li>
        <li>
            <img src="https://pic.littleswan.com/h5/pic/201810/5bbdc82c0c241.jpg?x-oss-process=image/format,webp/quality,Q_90&" alt=""></li>
    </ul>
    <div class="zi">水魔方专区<p class="p2">专注洗护 尊享品质</p></div>
    <div class="shui">
        <div class="left">
            <div class="left_top">
                <div class="te">限时特惠</div>
            <img src="https://pic.littleswan.com/h5/pic/201911/edd4a0724d25.jpg?x-oss-process=image/format,webp/quality,Q_90&@100Q.jpg" alt="">
            </div>
            <h3 style="padding-top: 30px;">TG100V88WMUIADY5</h3>
            <p style="color: #999">物理去渍更健康 水魔方护色护形 I-smart智投放</p>
            <p style="color: red;">￥4599.00</p>
        </div>
        <div class="right">
            <div class="right_top">
                <div class="te1">限时特惠</div>
                <img src="https://pic.littleswan.com/h5/pic/202004/9d66149edef5.jpg?x-oss-process=image/format,webp/quality,Q_90&" alt="">
                <h3 style="padding-top: 30px;">TD100VT818WMUIAD5</h3>
            <p style="color: #999;">超微净泡水魔方  银离子除菌</p>
            <p style="color: red;;">￥5399.00</p>
            </div>
            
            <div class="right_bootom">
                <div class="te2">限时特惠</div>
                <img src="https://pic.littleswan.com/h5/pic/202004/9d66149edef5.jpg?x-oss-process=image/format,webp/quality,Q_90&" alt="">
                <h3>TD100VT818WMUIAD5</h3>
            <p style="color: #999;">超微净泡水魔方  银离子除菌</p>
            <p style="color: red;;">￥5399.00</p>
            </div>
            <div class="right_bootom2">
                <div class="te3">限时特惠</div>
                <img src="https://pic.littleswan.com/h5/pic/202004/9d66149edef5.jpg?x-oss-process=image/format,webp/quality,Q_90&" alt="">
                <h3>TD100VT818WMUIAD5</h3>
            <p style="color: #999;">超微净泡水魔方  银离子除菌</p>
            <p style="color: red;;">￥5399.00</p>
            </div>
        </div>
    </div>
    <div class="cc">/\</div>
<!-- 网页底部 -->
    <div class="foote">
        <div class="info">
            <div class="top">
                <div class="item">
                    <i class="tu"></i>
                    <span>小天鹅唯一官方商城</span>
                </div>
                <div class="item">
                    <i class="tu"></i>
                    <span>全国联保</span>
                </div>
                <div class="item">
                    <i class="tu"></i>
                    <span>全网价优/全场包邮</span>
                </div>
                <div class="item">
                    <i class="tu"></i>
                    <span>7天无理由退换</span>
                </div>
                <div >
                    <a class="item" href="https://mall.littleswan.com/act/help_center_new/transaction_terms?id=345&parentId=839">
                    <i class="tu"></i>
                    <span>企业资质</span>
                </a>
                </div>
            </div>
            <div class="bottom">
                <div class="aa">
                    <div class="col"><h3>购物流程</h3><ul class="uu"><li>注册和登录</li>
                        <li>购买流程</li></ul></div>
                    <div class="col"><h3>支付方式</h3><ul class="uu">
                        <li>第三方平台</li>
                        <li>发票制度</li>
                        <li>支付常见问题</li></ul></div>
                    <div class="col"><h3>物流配送</h3><ul class="uu">
                        <li>第三方物流</li>
                        <li>配送范围</li>
                        <li>商品验收</li></ul></div>
                    <div class="col"><h3>客户服务</h3><ul class="uu">
                        <li>服务政策</li>
                        <li>售后说明</li>
                        <li>安装报修</li></ul></div>
                    <div class="col last_col"><h3>联系我们</h3><ul class="uu">
                        <li>联系我们</li>
                        <li>服务条款</li>
                        <li>隐私条款</li></ul></div>
                </div>
                <div class="calls"><h2>400-8228-228</h2><div class="time">周一至周日 9:00-22:00</div><div class="bottom2"><i class="kefu"></i><span class="online">在线客服</span></div></div>
                <div class="friends_link_wrap">
                    <ul class="friends_link">
                        <li><a href="">小天鹅官网</a></li>
                        <li><a href="">美的商城</a></li>
                        <li><a href="">东芝商城</a></li>
                        <li><a href="">安得物流</a></li>
                        <li><a href="">企业采购</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</body>
<script src="../data/jquery.min.js"></script>
<script src="../js/index.js"></script>
</html>